<template>
    <view class="image-container">

        <image class="imgs" v-for="(item, index) in props.data" :key="index" :src="item.url" />

        <!-- <u--image v-for="(item, index) in props.data" :key="index" :show-loading="true" :src="item.url"></u--image> -->
        <!-- <swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="2000" :duration="500">
        <swiper-item v-for="(item, index) in props.data" :key="index">
          <image :src="item.url" mode="widthFix" style="width: 100vw; height: 200rpx" />
        </swiper-item>
      </swiper> -->
    </view>
</template>
  
<script setup lang="ts">
import { computed, onBeforeMount } from "vue";
const props = defineProps({
    // 列表内容
    data: {
        type: Object,
        default: () => { },
    },
    className: {
        type: Object,
        default: () => { },
    },
});

onBeforeMount(() => { });
</script>
  
<style lang="scss" scoped>
.image-container {
    box-sizing: border-box;
    padding: 0 12px;
    .imgs{
        width: 100%;
        // width: calc(100% - 24px);
    }
}
</style>
  